<!-- 子组件 Card.vue -->
<template>
  <div class="card">
    <!-- 具名插槽：header -->
    <div class="card-header">
      <slot name="header"></slot>
    </div>
    <!-- 匿名插槽（默认插槽） -->
    <div class="card-body">
      <slot></slot>
    </div>
    <!-- 具名插槽：footer -->
    <div class="card-footer">
      <slot name="footer"></slot>
    </div>
  </div>
</template>